<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>StepUp</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

</head>

<body class="gray-bg">
	<div class="row" style="margin-right: auto; margin-left: auto; max-height: 100%;">
		<div class="col-md-2">
			<a href="home.sds"> <img src="img/logo.jpg"
				style="Height: 50px; width: 50px;">
			</a>
		</div>
		<div class="col-md-8" style="vertical-align: middle;">
			<h3>
				오늘 하루 <b>111</b>명의 가족이 <b>111</b>개의 층을 올랐습니다.
			</h3>
		</div>
		<div class="row border-bottom col-md-2">
			<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
				<ul class="nav navbar-top-links navbar-right">
					<li><a href="loginPage.sds"> <i class="fa fa-sign-out"></i>
						Login
					</a></li>
				</ul>
			</nav>
		</div>
		<!-- <div class="row">
			<div class="col-md-1">
				<a href="home.sds">
					<img src="img/logo.jpg" style="Height: 50px; width: 50px;" >
				</a>
			</div>
			<div class="col-md-11" style="vertical-align: middle;">
   		    	<h3>오늘 하루 <b>111</b> 명의 가족이  <b>111</b> 개의 층을 올랐습니다.</h3>				
			</div>
		</div> -->
 
		</div>
	<div class="row" style="margin-right: auto; margin-left: auto; max-height: 100%;">
		<div class="carousel slide" id="carousel2" style="max-height: 100%;">
			<ol class="carousel-indicators">
				<li data-slide-to="0" data-target="#carousel2" class="active"></li>
				<li data-slide-to="1" data-target="#carousel2"></li>
				<li data-slide-to="2" data-target="#carousel2"></li>
			</ol>
			<div class="carousel-inner">
				<div class="item active">
					<img alt="image" class="img-responsive" src="img/dda5.jpg" width="100%">
				</div>
				<div class="item ">
					<img alt="image" class="img-responsive" src="img/dda4.jpg" width="100%">
				</div>
				<div class="item">
					<img alt="image" class="img-responsive" src="img/dda7.gif" width="100%">
				</div>
			</div>
			<a data-slide="prev" href="#carousel2" class="left carousel-control">
				<span class="icon-prev"></span>
			</a> <a data-slide="next" href="#carousel2"
				class="right carousel-control"> <span class="icon-next"></span>
			</a>
		</div>
	</div>




	<input type="hidden" id="msg" value="${requestScope.loginFailMsg}">

	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			var msg = $("#msg").val();
			if (msg != "") {
				alert(msg);
			}
		});
	</script>

</body>

</html>
